<template>
    <my-table :loading="loading" :lists="lists" @selectionChange="tableSelect" :sequence="true">       
        <el-table-column property="cardName" label="卡片名称" align='center'></el-table-column>
        <el-table-column :show-overflow-tooltip="true" property="cardDesc" label="卡片描述" align='center'></el-table-column>
        <el-table-column property="authorName" label="创作者" align='center'></el-table-column>
        <el-table-column :show-overflow-tooltip="true" property="valueAnalysis" label="作品价值描述" align='center'></el-table-column>
        <el-table-column prop="operation" align='center' label="操作" width="140">
            <template slot-scope='scope'>
                <el-button size="mini" type="danger" icon="el-icon-delete" @click="del(scope.row)">删除</el-button>
            </template>
        </el-table-column>
    </my-table>
</template>

<script>
import {
  get_card_list
} from '@/api/collext'
import myTable from '@/components/public/myTable';
export default {
    props:{
        lists:Array
    },
    components:{
      myTable
    },
    data(){
        return{
            page:{
                pageSize:8,
                pageIndex:1,
			    total:0,
            },
            loading:false,
            tableData:[],
            multipleSelectionIds:[],
        }
    },
    created(){
        
    },
    methods:{
        
        tableSelect(items){
            this.$emit('change',items)
        },
        del(item) {
            this.$emit('del',item)
        }
    }
}
</script>
<style lang="scss" scoped>
    .cdimgbox{
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            display: block;
            width: 50px;
        }
    }
</style>